<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
 
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Simulador Juridico</title>
        <style type="text/css">
            body {background-color: #4682B4; font-size: 12px}
         
         	#slide
         	{height: 400px;
         	width: 950px;
         	margin: 0 auto;
         	}
         	
			#msg1 
			 {
			    float: center;
			    padding: 10px;
			    font-family: Cambria;
			    font-size: 30px;
			    color: #6495ED;
			    text-align: center;
			    margin-top: 20px;
			 }
			 #msg2 
			 {
			 	height: 50px;
			 	width: 60px;
			    float: right;
				position: absolute;
 				bottom: 30px;
  				right: 580px;
			    font-family: calibri;
			    color: #6495ED;
			    font-size: 20px;
			    text-align: right;
			    margin: 10px;
			    align:center;
			 }
			  #msg3 
			 {
			    float: right;
			    padding-top:5px;
			    padding-right:-20px;
			    font-family: calibri;
			    color: #6495ED;
			    font-size: 20px;
			    text-align: right;
			    margin: 30px;
			    align:center;
			 }
		
          
          	
        </style> 
    </h:head>
    <h:body>
    
      
      <p:layout style="width:100em; height:60em; margin:0 auto;"> 
       
       <h:outputLink value="javascript:void(0)" onclick="PF('dlg').show();" title="login">
        <p:graphicImage value="/imagens/botao-efetue-login.jpg" />
    </h:outputLink>
            
               
		<p:layoutUnit position="north" size="120" >  
             <div id= "msg1">Simulador Jurídico</div>               
		</p:layoutUnit> 

        
                <p:layoutUnit position="west" size="220">  
                    <ui:insert name="menu">
                        <h:form>
                            <p:menu style="width: 200px">
                                <p:submenu label="Menu">
                                	<p:menuitem value="Efetue o login" icon="" action="login"/>  
                                	<p:menuitem value="Cadastre-se" icon="" action="cadastroUsuario"/>   
                                    <p:menuitem value="Contato" icon="ui-icon-comment"/>
                                    <p:menuitem value="Ajuda" icon="ui-icon-help" />  
                                    <p:menuitem value="Quem Somos" icon="ui-icon-person"/>  
                                </p:submenu>
                            </p:menu>
                        </h:form>
                    </ui:insert>
                </p:layoutUnit>  
                <p:layoutUnit position="center">  
              
                    <ui:insert name="centro">
                     <h:form>
                         
                         <div id= "slide">
                        <p:imageSwitch  effect="fade" widgetVar="imagens" time="3000" slideshowAuto="true">
                         <p:graphicImage width="950px" height="400px" value="/imagens/simula(1).jpg" />
                         <p:graphicImage width="950px" height="400px" value="/imagens/simula(2).jpg" />
                        </p:imageSwitch>
                      </div>
                     </h:form>
                    </ui:insert>
                 
                      
                </p:layoutUnit>  
                 <p:layoutUnit position="south" size="50">

					<center>Informação do Rodapé</center>
				</p:layoutUnit>
                

                </p:layout> 
                 
        
          
      
    </h:body>
</html>